<template>
    <div>
       <ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<router-link :to="'/home/newsinfo/'">    <!--+item.id--->
						<img class="mui-media-object mui-pull-left" src="https://portrait.gitee.com/uploads/avatars/user/1879/5639235_them_1579250958.png!avatar30">
						<div class="mui-media-body">
							<h1>幸福</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</router-link>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="https://cbu01.alicdn.com/cms/upload/detail/seo/searchbar/searchbar_icon_1.png">
						<div class="mui-media-body">
							<h1>开心</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="https://cbu01.alicdn.com/cms/upload/detail/seo/searchbar/searchbar_icon_3.png">
						<div class="mui-media-body">
							<h1>失望</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
					<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="https://portrait.gitee.com/uploads/avatars/user/1879/5639235_them_1579250958.png!avatar30">
						<div class="mui-media-body">
							<h1>后悔</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
					<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="https://portrait.gitee.com/uploads/avatars/user/1879/5639235_them_1579250958.png!avatar30">
						<div class="mui-media-body">
							<h1>不爱</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
					<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							<h1>可惜</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
					<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							<h1>幸福</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							<h1>幸福</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							<h1>可惜</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="https://img.alicdn.com/tfs/TB1WrRkXL1TBuNjy0FjXXajyXXa-274-278.png">
						<div class="mui-media-body">
							<h1>可惜</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							<h1>可惜</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="https://wwc.alicdn.com/avatar/getAvatar.do?userNick=&_input_charset=UTF-8&width=80&height=80&type=sns">
						<div class="mui-media-body">
							<h1>可惜</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							<h1>沙雕</h1>
							<p class='mui-ellipsis'>
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="">
						<div class="mui-media-body">
							<h1>梅里</h1>
							<p class='mui-ellipsis'>
								 <!-- <span>发表时间：{{ item.click |dataFormat}}</span> -->
                                <span>发表时间：2019-2-12 12:12:00</span>
                                <span>点击：13次</span>
                            </p>
						</div>
					</a>
				</li>

			</ul>
    </div>
</template>
<script>
import { Toast } from 'mint-ui';

export default {
    data(){
		return{
			newslist:[],  //新闻列表
		}
	},
	created(){
		// this.getnewslist()
	},
	methods:{
		getnewslist(){  //获取新闻列表
			this.$http.get('api/getlunbo').then(result =>{
				if(result.body.status === 0){
					//如果没有失败，应该把数据保存到data上
					this.newslist = result.body.message;
				}else{
					Toast('获取新闻列表失败！')
				}
			})
		}
	}
}
</script>

<style lang="stylus" scoped>
.mui-table-view{
    li{
        h1{
            font-size:14px;
        }
        .mui-ellipsis{
            font-size:12px;
            color:#226aff;
            display:flex;
            justify-content:space-between;
        }
    }
}
</style>